<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>校园二手交易平台 - 首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" th:href="@{/home}">
        <img th:src="@{/img/campus-logo.png}" alt="校园二手交易平台" style="height:30px; display:inline-block; margin-top:-5px;">
      </a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a th:href="@{/home}">首页</a></li>
      <li><a th:href="@{/goods}">商品浏览</a></li>
      <li><a th:href="@{/goods/publish}">发布商品</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a th:href="@{/login}">登录</a></li>
    </ul>
  </div>
  </nav>

<div class="container">
  <div class="page-header"><h3>热门商品</h3></div>
  <div class="row">
    <div class="col-sm-4">
      <div class="panel panel-default">
        <div class="panel-body">这里显示商品卡片（开发中）</div>
      </div>
    </div>
  </div>
</div>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
</body>
</html>


